import React from "react";
import styles from './page.module.css'
import Link from "next/link";
const Portfolio = () => {
    return (
        <div className={styles.container}>
            <h1 className={styles.selectTitle}>选择您喜欢的项目</h1>
            <div className={styles.items}>
                <Link href="/portfolio/illustrations">
                    <div className={styles.item}
                        style={{
                            background: 'url("/illustration.png")',
                        }}
                    >
                        <h1 className={styles.title}>插画</h1>
                    </div>
                </Link>
                <Link href="/portfolio/websites">
                    <div className={styles.item}
                        style={{
                            background: 'url("/websites.jpg")',
                        }}
                    >
                        <h1 className={styles.title}>网站</h1>
                    </div>
                </Link>
                <Link href="/portfolio/applications">
                    <div className={styles.item}
                        style={{
                            background: 'url("/apps.jpg")',
                        }}
                    >
                        <h1 className={styles.title}>应用</h1>
                    </div>
                </Link>
            </div>
        </div>
    )
}

export default Portfolio;

